<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Login Admin</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	<link rel="shortcut icon" href="yakes.ico" />
	
	<script language="javascript">
		function validasi(form){
		  if ((form.username.value == "") && (form.password.value == "")){
			alert("Anda belum mengisikan Username dan Password.");
			form.username.focus();
			return (false);
		  }
		  
		  if (form.username.value == ""){
			alert("Anda belum mengisikan Username.");
			form.username.focus();
			return (false);
		  }
			 
		  if (form.password.value == ""){
			alert("Anda belum mengisikan Password.");
			form.password.focus();
			return (false);
		  }
		  return (true);
		}
	</script>
	
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery.jclock-1.2.0.js.txt" ></script>
	<script type="text/javascript">
	$(function($) {
		$('.jclock').jclock();
	});
	</script>

</head>


<body OnLoad="document.login.username.focus();">

<div id="page">

	<div id="header">
		<div class="logo"><h1><img src="images/logo_yakes.png" align="left"></h1></div>
		<div class="jclock"></div>
    </div>
    
    <div id="content">
    

			<div class="left_content">
			
			
			</div>
			
			<div class="right_content">
				<h2>Login</h2>
				<img src="images/pic1.jpg" width="97" height="105" hspace="10" align="left">

				<form name="login" action="cek_login.php" method="POST" onSubmit="return validasi(this)">
					<table>
						<tr><td>Username</td><td> : <input type="text" name="username"></td></tr>
						<tr><td>Password</td><td> : <input type="password" name="password"></td></tr>
						<tr><td colspan="2"><input type="submit" value="Login"></td></tr>
					</table>
				</form>
			</div><!-- end of right content-->
               
            
		<div class="clear"></div>
    </div> <!--end of main content-->
	<div class="clear"></div>
</div>

<div id="footer">
    <div class="left_footer"><a href="#">IN ADMIN PANEL KONSULTASI KESEHATAN YAKES-TELKOM</a></div>
    <div class="right_footer"></div>
    
</div>
</body>
</html>
